{extend name="layout/base" /}
{block name="content"}
<div class="mb20">
    <div class="content">
        <div class="ind-nav ind-nav1">
            <ul class="category clearfix" style="margin-top: 0">
                {volist name="category" id='v'}
                <li><div><a href="{:url('multi/area', ['category_id' => $v['id']])}"><i><img src="{$v.image}"></i><em>{$v.name}</em></a></div></li>
                {/volist}
            </ul>
            <div class="destination">
                <h2>物流运输</h2>
                <form class="" action="{:url('multi/transport')}" method="get">
                    <div class="area">
                        <span class="start-area">成都</span>
                        <span class="to">至</span>
                        <input type="text" class="to-area" placeholder="输入目的地" name="toarea" value="">
                        <i class="search"></i>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {volist name="transport" id="v"}
    <div class="company-item">
        <a style="padding: .2rem 0;" href="{:url('multi/transport_info', ['id' => $v['id']])}"><img src="{$v.logo}" alt="" style="width:7rem;height:4rem;"></a>
        <span style="left: 8rem; top: .7rem;">{$v.name}</span>
        <a style="bottom: .5rem;" class="more" href="{:url('multi/transport_info', ['id' => $v['id']])}">查看详情</a>
    </div>
    {/volist}
</div>
{/block}
{block name="footer"}
{include file="common/footer" /}
{/block}
{block name="script"}
<script type="text/javascript">
    $(function() {
        $('.search').click(function() {
            if($('input[name=toarea]').val() == '') {
                alert('请输入目的地');
                return;
            }
            $(this).parents('form').submit();
        })
    })
</script>
{/block}
